<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp_lib/init.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>管理员列表</title>
<jsp:include page="/WEB-INF/jsp/common/common.jsp" />
<jsp:include page="/WEB-INF/jsp_lib/extjs.jsp" />

<jsp:include page="add.jsp" />
<jsp:include page="edit.jsp" />

<script type="text/javascript">
	var dataStore;

	Ext.onReady(function() {

		searchFormPanel = Ext.create('Ext.form.Panel', {
			
			frame : true,
			height:165,
			width:300,
			title : "密码修改",
			style : {
				marginBottom : '5px'
			},
			buttonAlign : "right",
			collapsible : true,
			defaultType : "textfield",
			items : [ {
				xtype : "container",
				
				items : [ {
					xtype : "textfield",
					fieldLabel : "当前密码",
					name : "currentpwd",
					id : "currentpwd",
					allowBlank:false,
					style : 'marginLeft:15px;',
					msgTarget:"side"
				}, {
					xtype : "textfield",
					fieldLabel : "新密码",
					name : "newpwd",
					id : "newpwd",
					style : 'marginLeft:15px;',
					allowBlank:false,
					vtype:"password",//自定义的验证类型 
					vtypeText:"两次密码不一致！", 
					confirmTo:"newpwdone",//要比较的另外一个的组件的id 
					msgTarget:"side"
				},{
					xtype : "textfield",
					fieldLabel : "确认新密码",
					name : "newpwdone",
					id : "newpwdone",
					style : 'marginLeft:15px;',
					allowBlank:false,
					vtype:"password",//自定义的验证类型 
					vtypeText:"两次密码不一致！", 
					confirmTo:"newpwd",//要比较的另外一个的组件的id
					msgTarget:"side"
				} ]
			} ],
			buttons : [ {
				text : "确认修改",
				type : "submit",
				icon : jcapp.getIcon("key.png"),
				handler : function() {
					
					 if(searchFormPanel.getForm().isValid()){  	
						Ext.Ajax.request({
						    url: '${path}/cp/user/admin/pwd_form.htm',
						    method: 'post',    //这里也可以是get方法，后台接收根据程序语言的不同而不同
						    params:{ 
						    	newpwdone:Ext.getCmp("newpwdone").getValue(),
						    	currentpwd:Ext.getCmp("currentpwd").getValue()	
						    },    //传递的参数，这里的参数一般是根据元素id来获取值，因为你没有创建单表
						    success: function(response){
						        var respText = Ext.decode(response.responseText);
						        searchFormPanel.getForm().reset();
						      
						        //后台回传的数据
						    }
						});
						dataStore.sync();
					 }					
				}
			}]
		}); //#searchFormPanel

		Ext.apply(Ext.form.VTypes,{ 
			password:function(val,field){//val指这里的文本框值，field指这个文本框组件，大家要明白这个意思 
			if(field.confirmTo){//confirmTo是我们自定义的配置参数，一般用来保存另外的组件的id值 
			var pwd=Ext.get(field.confirmTo);//取得confirmTo的那个id的值 
			return (val==Ext.getCmp("newpwd").getValue()); 
			} 
			return true; 
			} 
			}); 
		searchFormPanel.render(Ext.getBody());

	});

</script>
</head>
<body>

</body>
</html>
